<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			// DOM document objest model 文档对象模型
			// window.onload = function(){}当页面中所有的文档加载完毕之后进行
			window.onload = function(){
				// 获取用户输入的用户名
				var uName = document.getElementById("uNam");
				console.log(uName);
				// 获取用户输入的密码
				var pwd = document.getElementsByName("passWord");
				console.log(pwd[0]);
				// 获取用户输入的性别
				var sex = document.getElementsByName("sex");
				console.log(sex[0]);
				console.log(sex[1]);
			}
		</script>
	</head>
	<body>
		<h1>欢迎光临!</h1>
		<form action="#" method="get">
			用户名:<input type="text" name="userName" id="uNam" />
			密码:<input type="password" name="passWord" id="pwd" />
			<input type="radio" name="sex" value="男" />男
			<input type="radio" name="sex" value="女" />女
			<input type="submit"/>
		</form>
	</body>
	
</html>
